*{
    margin:0;
    padding:0;
}
#noti_Container {
    position:relative;     /* This is crucial for the absolutely positioned element */
    width:26px;
    height:26px;
}
#like-icon
{
    width:26px;
    height:26px;
}
.noti_bubble {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    top: -6px;
    right:-6px;
    padding:1px 2px 1px 2px;
    background-color:red; /* you could use a background image if you'd like as well */
    color:white;
    font-weight:bold;
    font-size:0.55em;

    border-radius:30px;
    box-shadow:1px 1px 1px gray;
}
/*chat room css*/
.chat_wrapper .message_box {
    background: #FFFFFF;
    height: 150px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #999999;
}
.wrapper .panel input{
    padding: 2px 2px 2px 5px;
}
.system_msg{color: #BDBDBD;font-style: italic;}
.user_name{font-weight:bold;}
.user_message{color: #88B6E0;}
